<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学子F2左侧分类</title>
</head>
<body>
    <div class="item_cat">
        <div class="tit">
            <img src="img/icon.png" alt="">
            <span>电脑,办公/1F</span>
        </div>
        <div class="item_all">
            <p class="tit_p">电脑整机</p>
            <ul class="item_link">
                <li><a href="#">笔记本</a></li>
                <li><a href="#">游戏机</a></li>
                <li><a href="#">台式机</a></li>
                <li><a href="#">一体机</a></li>
                <li><a href="#">服务器</a></li>
                <li><a href="#">联想</a></li>
            </ul>

            <p class="tit_p">电脑配件</p>
            <ul class="item_link">
                <li><a href="#">CPU</a></li>
                <li><a href="#">SSD硬盘</a></li>
                <li><a href="#">显示器</a></li>
                <li><a href="#">显卡</a></li>
                <li><a href="#">组装电脑</a></li>
                <li><a href="#">机箱</a></li>
            </ul>

            <p class="tit_p">外设/游戏</p>
            <ul class="item_link">
                <li><a href="#">键盘</a></li>
                <li><a href="#">鼠标</a></li>
                <li><a href="#">u盘</a></li>
                <li><a href="#">移动硬盘</a></li>
                <li><a href="#">游戏设备</a></li>
                <li><a href="#">智能单车</a></li>
            </ul>
        </div>
    </div>
</body>
</html>